/* 公共类样式 */

/* 版心 */
.w {
    width: 1200px;
    margin: 0 auto;
}

/* 字体图标 */
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?w89c4n');
  src:  url('../fonts/icomoon.eot?w89c4n#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?w89c4n') format('truetype'),
    url('../fonts/icomoon.woff?w89c4n') format('woff'),
    url('../fonts/icomoon.svg?w89c4n#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* 浮动 */
.fl {
    float: left;
}

.fr {
    float: right;
}

/* 红色文本 */
.style_red {
    color: #c81623;
}

/* 快捷导航模块 */
.shortcut {
    height: 31px;
    background-color: #f1f1f1;
    line-height: 31px;
}
.shortcut .fl ul li {
    float: left;
}
.shortcut .fr ul li {
    float: left;
}
/* This is a good one!! */
.shortcut .fr ul li:nth-child(even) {
    margin: 10px 14px 0;
    width: 2px;
    height: 12px;
    background-color: #666666;
}
.arrow_icon::after {
    content: "\e914";
    font-family: 'icomoon';
    margin-left: 5px;
}

/* header 模块制作 */
header {
    position: relative;
    height: 103px;
    /* background: pink; */
}
header .logo {
    position: absolute;
    top: 24px;
    left: 0;
    width: 179px;
    height: 58px;
    /* background-color: skyblue; */
}
header .logo h1 a {
    display: block;
    width: 179px;
    height: 58px;
    background: url(../images/logo.png) no-repeat;
    font-size: 0;
}
header .search {
    position: absolute;
    left: 347px;
    top: 24px;
    width: 538px;
    height: 37px;
    border: 2px solid #b1191a;
}
header .search input {
    float: left;
    padding-left: 10px;
    width: 455px;
    height: 33px;
    font-size: 14px;
}
header .search button {
    float: left;
    width: 79px;
    height: 33px;
    background-color: #b1191a;
    font-size: 16px;
    color: #fff;
}
header .hotwords {
    position: absolute;
    top: 67px;
    left: 347px;
}
header .hotwords a {
    margin: 0 11px;
}
header .shopcar {
    position: absolute;
    right: 63px;
    top: 25px;
    width: 140px;
    height: 38px;
    border: 1px solid #dfdfdf;
    background-color: #f7f7f7;
    line-height: 38px;
    text-align: center;
}
header .shopcar::before {
    content: '\e925';
    font-family: 'icomoon';
    color: #da5555;
}
header .shopcar::after {
    content: '\e916';
    font-family: 'icomoon';
}
header .shopcar .count {
    position: absolute;
    top: -5px;
    left: 105px;
    padding: 0 5px;
    height: 16px;
    background-color: #e60012;
    line-height: 16px;
    border-radius: 7px 7px 7px 0;
    color: #fff;
}

/* nav 模块样式 */
.nav {
    width: 100%;
    height: 47px;
    border-bottom: 2px solid #b1191a;
}
.nav .dropdown {
    float: left;
    width: 210px;
    height: 45px;
    background-color: #b1191a;
}
.nav .dropdown .dt {
    width: 210px;
    height: 45px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    color: #fff;
}
.nav .dropdown .dd {
    /* display: none; */
    margin-top: 2px;
    width: 210px;
    height: 470px;
    background-color: #c81623;
    font-size: 14px;
    color: #fff;
}
.nav .dropdown .dd li {
    position: relative;
    margin-left: 2px;
    padding-left: 10px;
    line-height: 31px;
}
.nav .dropdown .dd li::after {
    position: absolute;
    top: 2px;
    right: 5px;
    content: '\e916';
    font-family: "icomoon";
}
.nav .dropdown .dd li:hover {
    background-color: #fff;
    color: #c81623;
}
.nav .dropdown .dd li:hover a{
    color: #c81623;
}
.nav .dropdown .dd li a {
    color: #fff;
}
.nav .navitem {
    float: left;
}
.nav .navitem li {
    float: left;
}
.nav .navitem li a {
    display: block;
    padding: 15px 25px;
}

/* 底部模块制作 */
.footer {
    margin-top: 20px;
    width: 100%;
    height: 417px;
    background-color: #f5f5f5;
}
.footer .mod_service {
    padding: 28px 0 0 38px;
    width: 100%;
    height: 110px;
    border-bottom: 1px solid #ccc;
}
.footer .mod_service ul li {
    float: left;
    width: 166px;
    height: 55px;
    /* background-color: pink; */
    margin-right: 75px;
}
.footer .mod_service ul li:last-child {
    margin-right: 0;
}
.footer .mod_service ul li h3 {
    float: left;
    width: 53px;
    height: 53px;
    background: url(../images/icons.png) no-repeat -252px 0px;
}
.footer .mod_service ul li:nth-child(2) h3 {
    background-position: -256px -52px;
}
.footer .mod_service ul li:nth-child(3) h3 {
    background-position: -256px -104px;
}
.footer .mod_service ul li:nth-child(4) h3 {
    background-position: -256px -156px;
}
.footer .mod_service ul li:nth-child(5) h3 {
    background-position: -256px -208px;
}
.footer .mod_service .service-txt h4 {
    margin-top: 13px;
    padding-left: 2px;
    font-size: 14px;
    text-indent: 7px;
}
.footer .mod_service .service-txt p {
    font-size: 12px;
}
.footer .mod_help {
    padding: 22px 0 0 49px;
    height: 190px;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.footer .mod_help dl {
    float: left;
    width: 200px;
    height: 168px;
    /* background-color: pink; */
}
.footer .mod_help dl:last-child {
    width: 100px;
}
.footer .mod_help dl dt {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 10px;
}
.footer .mod_help dl dd {
    font-size: 12px;
    line-height: 20px;
}
.footer .mod_help dl:last-child {
    text-align: center;
}
.footer .mod_copyright {
    width: 100%;
    height: 120px;
    padding-top: 20px;
    text-align: center;
    font-size: 12px;
}
.footer .mod_copyright .link a {
    padding: 0 5px;
}
.footer .mod_copyright .link {
    margin-bottom: 10px;
}

